<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#div1 {width: 200px; height: 200px;background-color: #45dfff;overflow: hidden;}
		#div2 {width: 100px; height: 100px;background-color: black;margin: 20px;}
	</style>
	<script src="jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
/*	$()下的常用方法
		html() : 	设置或返回所选元素的内容，包括内部的HTML标记(如果有的话)
		text() : 	设置或返回所选元素的文本内容
		val(): 		设置或返回value值(如果有的话)
*/
	$(function () {
		// alert( $('div').html() );					//<p>哈哈</p>
		// $('div').html('<h1>我爱你</h1>');			//我爱你。赋值会解析标签

		// alert( $('div').text() );					//哈哈
		// $('div').text('<h1>我爱你</h1>'); 				//<h1>我爱你</h1>。赋值不解析标签

		// alert( $('input').val() );					//获取
		// $('input').val('谢谢');						//赋值
	})
	</script>
</head>
<body>
	<div><p>哈哈</p></div>
	<input type="text" value="你好">
</body>
</html>